<template>
  <div class="worksite-property">
    <span class="name">{{ name || '' }}</span>
    <span class="value">{{ value || '' }}</span>
  </div>
</template>

<script>
export default {
  name: 'WorksiteProperty',
  props: ['name', 'value']
}
</script>

<style lang="scss" scoped>
.worksite-property {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: flex-start;

  .name {
    width: 70px;
    color: #d2e6f0;
    text-align: right;
  }

  .value {
    flex: 1;
    color: white;
  }
}
</style>
